.header-fadein-enter,
.header-fadein-leave-to {
  display: none;
  opacity: 0;
  animation: header-fadein 0.4s reverse;
}
.header-fadein-enter-active,
.header-fadein-leave-active {
  opacity: 0;
  animation: header-fadein 0.4s;
}

@keyframes header-fadein {
  from {
    opacity: 0;
    margin-right: -14px;
  }
  to {
    opacity: 1;
    margin-right: 0;
  }
}

.header {
  height: 40px;
  background-color: #fff;
  display: flex;
  border-bottom: 1px solid #e6e6e6;

  &-left {
    &__title {
      padding: 10px 0px 0px 12px;

    }

    span {
      font-size: 17px;
      font-weight: 100;
    }
  }

  &-center {
    margin-top: 2px;
    flex: 1;
    -webkit-app-region: drag;
  }

}
